<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
 <meta name="referrer" content="never">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="OrcasThemes">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<title>Home</title>
<!-- Bootstrap core CSS -->
<link href="static/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="static/css/screen.css">
<link rel="stylesheet" href="static/css/animation.css">
<!--[if IE 7]>

<![endif]-->
<link rel="stylesheet" href="static/css/font-awesome.css">
<!--[if lt IE 8]>
<link rel="stylesheet" href="static/css/ie.css" type="text/css" media="screen, projection">
<![endif]-->
<link href="static/css/lity.css" rel="stylesheet">
</head>
<body>
<!-- HOME 1 -->
<div id="home1" class="container-fluid standard-bg">
 <!-- HEADER -->
 <div class="row header-top">
	<div class="col-lg-3 col-md-6 col-sm-5 col-xs-8">
	   <a class="main-logo" href="#"><img src="static/picture/main-logo.png" class="main-logo img-responsive" alt="Muvee Reviews" title="Muvee Reviews"></a>
	</div>
	<div class="col-lg-6 hidden-md text-center hidden-sm hidden-xs">
	   <img src="static/picture/banner-sm.jpg" class="img-responsive" alt="Muvee Reviews Video Magazine HTML5 Bootstrap">
	</div>
	<div class="col-lg-3 col-md-6 col-sm-7 hidden-xs">
	   <!-- <div class="right-box">
		  <button type="button" class="access-btn" data-toggle="modal" data-target="#enquirypopup">get free access</button>
	   </div> -->
	</div>
 </div>
 <!-- MENU -->
 <div class="row home-mega-menu ">
	<div class="col-md-12">
	   <nav class="navbar navbar-default">
		  <div class="navbar-header">
			 <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse">
			 <span class="sr-only">Toggle navigation</span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
			 <span class="icon-bar"></span>
			 </button>
		  </div>
		  <div class="collapse navbar-collapse js-navbar-collapse megabg dropshd ">
			 <ul class="nav navbar-nav">
				<li><a href="">热门推荐</a></li>
				{{range .Menu}}
					<li><a href="/cate/{{.MenuNumber}}">{{.Name}}</a></li>
				{{end}}
			 </ul>
			 <!-- <ul class="social">
			 <li class="social-facebook"><a href="#" class="fa fa-facebook social-icons"></a></li>
				<li class="social-google-plus"><a href="#" class="fa fa-google-plus social-icons"></a></li>
				<li class="social-twitter"><a href="#" class="fa fa-twitter social-icons"></a></li>
				<li class="social-youtube"><a href="#" class="fa fa-youtube social-icons"></a></li>
				<li class="social-rss"><a href="#" class="fa fa-rss social-icons"></a></li>
			 </ul>-->
			 <div class="search-block"><input type="search" placeholder="请输入您要搜索的影片名称" name="search" id="search"></div> 
		  </div>
		  <!-- /.nav-collapse -->
	   </nav>
	</div>
 </div>
 <!-- CORE -->
 <div class="row">
	<!-- SIDEBAR -->
	<div class="col-lg-2 col-md-4 hidden-sm hidden-xs">
	   <aside class="dark-bg">
		  <article>
			 <h2 class="icon"><i class="fa fa-flash" aria-hidden="true"></i>热门</h2>
			 <ul class="sidebar-links">
			 	{{range .TrendingList}}
				<li class="fa fa-chevron-right"><a href="#">{{.Name}}</a><span>{{.Number}}</span></li>
				{{end}}
			 </ul>
		  </article>
		  <div class="clearfix spacer"></div>
		  <article>
			 <h2 class="icon"><i class="fa fa-gears" aria-hidden="true"></i>类别</h2>
			 <ul class="sidebar-links">
				<li class="fa fa-chevron-right"><a href="#">电影</a><span>2.000</span></li>
				<li class="fa fa-chevron-right"><a href="#">动漫</a><span>650</span></li>
				<li class="fa fa-chevron-right"><a href="#">会员视频</a><span>4.000</span></li>
				<li class="fa fa-chevron-right"><a href="#">人体艺术</a><span>7.800</span></li>
			 </ul>
		  </article>
		  <div class="clearfix spacer"></div>
	   </aside>
	</div>
	<!-- HOME MAIN POSTS -->	
	<div class="col-lg-10 col-md-8">
	   <section id="home-main">
		  <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>热门影片</h2>
		  <div class="row">
			 <div class="col-lg-9 col-md-12 col-sm-12">
				<div class="row auto-clear">
				  {{range .PopularWithData}}
				   <article class="col-lg-3 col-md-6 col-sm-4">
					  <!-- 热么推荐 -->
					  <div class="post post-medium">
						 <div class="thumbr">
							<a class="afterglow post-thumb" href="/details/{{.VideoNumber}}">
							   <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
							   <div class="cactus-note ct-time font-size-1"><span>{{.Remarks}}</span></div>
							   <img class="img-responsive" src="{{.ThumbSrc}}" alt="{{.Name}}">
							</a>
						 </div>
						 <div class="infor">
							<h4>
							   <a class="title" href="/details/{{.VideoNumber}}">{{.Name}}</a>
							</h4>
							<span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>{{.LikeNumber}}</span>
							<div class="ratings">
							   <i class="fa fa-star" aria-hidden="true"></i>
							   <i class="fa fa-star" aria-hidden="true"></i>
							   <i class="fa fa-star-half-o" aria-hidden="true"></i>
							   <i class="fa fa-star-o"></i>
							   <i class="fa fa-star-half"></i>
							</div>
						 </div>
					  </div>
				   </article>
				   {{end}}
				</div>
				<div class="clearfix spacer"></div>
			 </div>
			 <!-- RIGHT ASIDE -->
			 <div class="col-lg-3 hidden-md col-sm-12 text-center top-sidebar">
				<!-- SUBSCRIBE BOX -->	
				<div class="subscribe-box">
				   <h2 class="icon"><i class="fa fa-plug" aria-hidden="true"></i>订阅信息</h2>
		
				   <form name="search-submit" method="post" action="#" id="subscribe-submit">
					  <fieldset class="search-fieldset">
						 <input id="subscribe" type="text" name="search" size="12" class="search-field" placeholder="输入邮箱获取重要通知" value="">
						 <button class="subscribe-btn" type="submit" title="Subscribe">我要订阅</button>
					  </fieldset>
				   </form>
				</div>
				<!-- SIDEBAR ADVERTISE BOX -->
				<!-- 订阅 -->
				<a href="" class="banner-l hidden-sm hidden-xs">
				<img src="static/picture/banner-l.jpg" class="img-responsive" alt="Buy Now Muvee Reviews Bootstrap HTML5 Template" title="Buy Now Muvee Reviews Bootstrap HTML5 Template">
				</a>
			 </div>
		  </div>
	   </section>
	</div>
 </div>
</div>
<!-- TABS -->
<div id="tabs" class="container-fluid featured-bg">
 <div class="container-fluid">
	<div class="col-md-12">
	   <!-- BOOTSTRAP TABS -->
	   <div class="head-section">
		  <ul class="nav nav-tabs text-center">
			 <li class="active">
				<a data-toggle="tab" href="#tab1">
				   <h2 class="title">最新</h2>
				</a>
			 </li>
			 <li>
				<a data-toggle="tab" href="#tab2">
				   <h2 class="title">最高评分</h2>
				</a>
			 </li>
			 <li>
				<a data-toggle="tab" href="#tab3">
				   <h2 class="title">最受关注</h2>
				</a>
			 </li>
		  </ul>
	   </div>
	   <div class="row auto-clear">
		  <!-- 最新 -->
		  <div class="tab-content">
			 <div id="tab1" class="tab-pane fade in active">
			 	{{range .NewVideoData}}
				<!-- POST L size -->
				<article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
				   <div class="thumbr">

					  <a class="post-thumb"  href="/details/{{.VideoNumber}}">
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <div class="cactus-note ct-time font-size-1"><span>{{.VideoDuration}}</span></div>
						 <img class="img-responsive" src="{{.ThumbSrc}}" alt="#">
					  </a>
				   </div>
				   <div class="infor">
					  <h4>
						 <a class="title" href="/details/{{.VideoNumber}}">{{.Name}}</a>
					  </h4>
					  <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>{{.LikeNumber}}</span>
					  <div class="ratings">
						 <i class="fa fa-star" aria-hidden="true"></i>
						 <i class="fa fa-star" aria-hidden="true"></i>
						 <i class="fa fa-star-half-o" aria-hidden="true"></i>
						 <i class="fa fa-star-o"></i>
						 <i class="fa fa-star-half"></i>
					  </div>
				   </div>
				</article>
				{{end}}
		
			 </div>
			 <div id="tab2" class="tab-pane fade">
				<!-- 最高分 -->

				{{range .MaxVideoData}}
	
				<article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
				   <div class="thumbr">
					  <a class="post-thumb"  href="/details/{{.VideoNumber}}">
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <div class="cactus-note ct-time font-size-1"><span>{{.VideoDuration}}</span></div>
						 <img class="img-responsive" src="{{.ThumbSrc}}" alt="#">
					  </a>
				   </div>
				   <div class="infor">
					  <h4>
						 <a class="title" href="/details/{{.VideoNumber}}">{{.Name}}</a>
					  </h4>
					  <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>{{.LikeNumber}}</span>
					  <div class="ratings">
						 <i class="fa fa-star" aria-hidden="true"></i>
						 <i class="fa fa-star" aria-hidden="true"></i>
						 <i class="fa fa-star-half-o" aria-hidden="true"></i>
						 <i class="fa fa-star-o"></i>
						 <i class="fa fa-star-half"></i>
					  </div>
				   </div>
				</article>
				{{end}}
			 </div>
			 <div id="tab3" class="tab-pane fade">
				<!-- POST L size -->
				<!-- 最高分 -->

				{{range .MostConcerned}}
	
				<article class="col-lg-2 col-md-4 col-sm-4 post post-medium">
				   <div class="thumbr">
					  <a class="post-thumb"  href="/details/{{.VideoNumber}}">
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <div class="cactus-note ct-time font-size-1"><span>{{.VideoDuration}}</span></div>
						 <img class="img-responsive" src="{{.ThumbSrc}}" alt="#">
					  </a>
				   </div>
				   <div class="infor">
					  <h4>
						 <a class="title" href="/details/{{.VideoNumber}}">{{.Name}}</a>
					  </h4>
					  <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>{{.LikeNumber}}</span>
					  <div class="ratings">
						 <i class="fa fa-star" aria-hidden="true"></i>
						 <i class="fa fa-star" aria-hidden="true"></i>
						 <i class="fa fa-star-half-o" aria-hidden="true"></i>
						 <i class="fa fa-star-o"></i>
						 <i class="fa fa-star-half"></i>
					  </div>
				   </div>
				</article>
				{{end}}
				<!-- POST L size -->
				
			 </div>
		  </div>
	   </div>
	</div>
 </div>
</div>
<!-- MAIN -->
<div id="main" class="container-fluid">
 <div class="container-fluid">
	<!-- SIDEBAR -->
	<div class="col-lg-2 hidden-md hidden-sm hidden-xs">
	   <!-- <aside class="dark-bg sidebar">
		  <h2 class="icon"><i class="fa fa-flag" aria-hidden="true"></i>featured</h2>
		  <article class="col-md-12 post post-medium">
			 <div class="row">
				<div class="col-md-12 thumbr">
				   <div class="flag flag1"><i class="fa fa-star"></i></div>
				   <a class="post-thumb" href="" data-lity>
					  <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
					  <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
					  <img class="img-responsive" src="static/picture/thumb-s.jpg" alt="#">
				   </a>
				</div>
				<div class="col-md-12 infor">
				   <h4>
					  <a class="title" href="#">It always seems impossible until it’s done.</a>
				   </h4>
				   <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>20.895</span>
				   <div class="ratings">
					  <i class="fa fa-star" aria-hidden="true"></i>
					  <i class="fa fa-star" aria-hidden="true"></i>
					  <i class="fa fa-star-half-o" aria-hidden="true"></i>
					  <i class="fa fa-star-o"></i>
					  <i class="fa fa-star-half"></i>
				   </div>
				</div>
			 </div>
		  </article>
		  <div class="clearfix spacer"></div> -->
		  <!-- <article>
			 <h2 class="icon"><i class="fa fa-hashtag" aria-hidden="true"></i>rankings</h2>
			 <ul class="sidebar-links">
				<li class="fa fa-chevron-right"><a href="#">best rated videos</a></li>
				<li class="fa fa-chevron-right"><a href="#">highly viewed</a></li>
				<li class="fa fa-chevron-right"><a href="#">most commented</a></li>
				<li class="fa fa-chevron-right"><a href="#">videos of month</a></li>
				<li class="fa fa-chevron-right"><a href="#">popular all time</a></li>
			 </ul>
		  </article>
		  <div class="clearfix spacer"></div> -->
		  <article>
			 <h2 class="icon"><i class="fa fa-tag" aria-hidden="true"></i>标签</h2>
			 <ul class="footer-tags">
				<li><a href="#">大陆</a></li>
				<li><a href="#">欧美</a></li>
				<li><a href="#">日韩</a></li>
				<li><a href="#">其他</a></li>
			 </ul>
		  </article>
		 <!--  <div class="clearfix spacer"></div>
		  <article class="reviews">
			 <h2 class="icon"><i class="fa fa-star" aria-hidden="true"></i>top review</h2> -->
			 <!-- POST L size -->
			 <!-- <div class="post post-medium">
				<a class="thumbr post-thumb" href="#">
				<span class="review-number">4.8</span>
				<img src="static/picture/thumb-review7.jpg" class="review img-responsive" alt="Review">
				</a>
				<div class="infor">
				   <h4>
					  <a class="title" href="#">Lazy Betty B*tch</a>
				   </h4>
				   <div class="ratings">
					  <i class="fa fa-star" aria-hidden="true"></i>
					  <i class="fa fa-star" aria-hidden="true"></i>
					  <i class="fa fa-star-half-o" aria-hidden="true"></i>
					  <i class="fa fa-star-o"></i>
					  <i class="fa fa-star-half"></i>
				   </div>
				</div>
			 </div>
		  </article> -->
		  <div class="clearfix spacer"></div>
		  <!-- SIDEBAR ADVERTISE BOX -->
		  <a href="" class="banner-l">
		  <img src="static/picture/banner-l.jpg" class="img-responsive" alt="Buy Now Muvee Reviews Bootstrap HTML5 Template" title="Buy Now Muvee Reviews Bootstrap HTML5 Template">
		  </a>
	   </aside>
	</div>
	<!-- MAIN CONTENT -->
	<div class="col-lg-10 col-md-12">
	   <!-- EDITORS CHOICE -->
	   <section id="editor-choice">
		  <h2 class="icon"><i class="fa fa-trophy" aria-hidden="true"></i>站长推荐</h2>
		  <div class="row auto-clear">
			 <!-- MAIN POST -->
			 <div class="col-lg-6 col-md-12 col-sm-12">
				<!-- 推荐列表 size -->
				{{range  $index, $row := .RecommendData}}
				{{if eq $index 0}}
				<article class="post post-medium main-large-post">
				   <div class="thumbr">
					  <div class="flag flag1"><i class="fa fa-star"></i></div>
					  <a class="post-thumb" href="" data-lity>
					  <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
					  <img class="img-responsive" src="{{$row.ThumbSrc}}" alt="#">
					  </a>
					  <div class="infor">
						 <h4>
							<a class="title" href="#">{{$row.Name}}</a>
						 </h4>
						 <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>{{$row.VideoDuration}}</span>
						 <div class="ratings">
							<i class="fa fa-star" aria-hidden="true"></i>
							<i class="fa fa-star" aria-hidden="true"></i>
							<i class="fa fa-star-half-o" aria-hidden="true"></i>
							<i class="fa fa-star-o"></i>
							<i class="fa fa-star-half"></i>
						 </div>
						 <div class="vid-time-block">
							<div class="cactus-note ct-time font-size-1"><span>{{$row.LikeNumber}}</span></div>
						 </div>
					  </div>
				   </div>
				</article>
				{{end}}
				{{end}}
			 </div>
			 <!-- SMALL POSTS -->
			 <div class="col-lg-6 col-md-12 col-sm-12 editor-choice-small">
				<div class="row 3-right-posts">
					{{range  $index, $row := .RecommendData}}
				{{if ne $index 0}}
				   <article class="col-sm-6 post post-medium small-post">
					  <div class="thumbr">
						 <div class="flag flag1"><i class="fa fa-star"></i></div>
						 <a class="post-thumb" href="" data-lity>
						 <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
						 <img class="img-responsive" src="{{$row.ThumbSrc}}" alt="#">
						 </a>
						 <div class="infor">
							<h4>
							   <a class="title" href="#">{{$row.Name}}</a>
							</h4>
							<div class="vid-time-block home-small-posts">
							   <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>{{$row.VideoDuration}}</span>
							   <div class="ratings">
								  <i class="fa fa-star" aria-hidden="true"></i>
								  <i class="fa fa-star" aria-hidden="true"></i>
								  <i class="fa fa-star-half-o" aria-hidden="true"></i>
								  <i class="fa fa-star-o"></i>
								  <i class="fa fa-star-half"></i>
							   </div>
							   <div class="cactus-note ct-time font-size-1"><span>{{$row.LikeNumber}}</span></div>
							</div>
						 </div>
					  </div>
				   </article>
				   {{end}}
				{{end}}
				
				 
				</div>
			 </div>
		  </div>
	   </section>
	   <div class="clearfix"></div>
	   <!-- MAIN ROLL ADVERTISE BOX -->
	   <a href="" class="banner-md">
	   <img src="static/picture/banner-xl.jpg" class="img-responsive" alt="Buy Now Muvee Reviews Bootstrap HTML5 Template" title="Buy Now Muvee Reviews Bootstrap HTML5 Template">
	   </a>
	   <!-- CURRENTLY VIEWING -->
	   <!-- <section id="cur-view">
		  <h2 class="icon"><i class="fa fa-eye" aria-hidden="true"></i>正在播放</h2>
		  <div class="row auto-clear"> -->
			 <!-- POST L size -->
			<!--  <article class="col-lg-2 col-md-4 col-sm-6 post post-medium">
				<div class="thumbr">
				   <a class="post-thumb" href="" data-lity>
					  <span class="play-btn-border" title="Play"><i class="fa fa-play-circle headline-round" aria-hidden="true"></i></span>
					  <div class="cactus-note ct-time font-size-1"><span>02:02</span></div>
					  <img class="img-responsive" src="static/picture/thumb-s3.jpg" alt="#">
				   </a>
				</div>
				<div class="infor">
				   <h4>
					  <a class="title" href="#">You play Call of Duty? That’s cute</a>
				   </h4>
				   <span class="posts-txt" title="Posts from Channel"><i class="fa fa-thumbs-up" aria-hidden="true"></i>20.895</span>
				   <div class="ratings">
					  <i class="fa fa-star" aria-hidden="true"></i>
					  <i class="fa fa-star" aria-hidden="true"></i>
					  <i class="fa fa-star-half-o" aria-hidden="true"></i>
					  <i class="fa fa-star-o"></i>
					  <i class="fa fa-star-half"></i>
				   </div>
				</div>
			 </article> -->

	<!-- 	  </div>
	   </section> -->
	   <div class="clearfix spacer"></div>
	   <!-- REVIEWS -->
	   <!-- 最高评分 -->
	</div>
 </div>
 <div class="clearfix"></div>
</div>
<!-- CHANNELS -->
<!-- <div id="channels-block" class="container-fluid channels-bg">
 <div class="container-fluid ">
	<div class="col-md-12"> -->
	   <!-- CHANNELS -->
	<!--    <section id="channels">
		  <div id="myCarousel" class="carousel slide" data-ride="carousel"> -->
		<!-- 	 <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>channels</h2>
			 <div class="carousel-control-box">
				<a class="left carousel-control" href="#myCarousel"  role="button" data-slide="prev"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
				<a class="right carousel-control" href="#myCarousel"  role="button" data-slide="next"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
			 </div> -->
			 <!-- Wrapper for slides -->
			<!--  <div class="carousel-inner" role="listbox">
				<div class="item active">
				   <div class="row auto-clear">
					  <article class="col-lg-2 col-md-4 col-sm-4">
						 <div class="post post-medium">
							<div class="thumbr">
							   <a class="post-thumb" href="#">
							   <img class="img-responsive" src="static/picture/ch-1.jpg" alt="#">
							   </a>
							</div>
							<div class="infor">
							   <h4>
								  <a class="title" href="#">Fancy Channel Name</a>
							   </h4>
							   <span class="posts-channel" title="Posts from Channel"><i class="fa fa-video-camera" aria-hidden="true"></i>4000</span>
							</div>
						 </div>
					  </article>
				   </div>
				</div>
				<div class="item">
				   <div class="row auto-clear">
					  <article class="col-lg-2 col-md-4 col-sm-4">
						 <div class="post post-medium">
							<div class="thumbr">
							   <a class="post-thumb" href="#">
							   <img class="img-responsive" src="static/picture/ch-1.jpg" alt="#">
							   </a>
							</div>
							<div class="infor">
							   <h4>
								  <a class="title" href="#">Fancy Channel Name</a>
							   </h4>
							   <span class="posts-channel" title="Posts from Channel"><i class="fa fa-video-camera" aria-hidden="true"></i>4000</span>
							</div>
						 </div>
					  </article>
					  <article class="col-lg-2 col-md-4 col-sm-4">
						 <div class="post post-medium">
							<div class="thumbr">
							   <a class="post-thumb" href="#">
							   <img class="img-responsive" src="static/picture/ch-1.jpg" alt="#">
							   </a>
							</div>
							<div class="infor">
							   <h4>
								  <a class="title" href="#">Premium MakeUp Beauty Channel</a>
							   </h4>
							   <span class="posts-channel" title="Posts from Channel"><i class="fa fa-video-camera" aria-hidden="true"></i>4000</span>
							</div>
						 </div>
					  </article>
					  <article class="col-lg-2 col-md-4 col-sm-4">
						 <div class="post post-medium">
							<div class="thumbr">
							   <a class="post-thumb" href="#">
							   <img class="img-responsive" src="static/picture/ch-1.jpg" alt="#">
							   </a>
							</div>
							<div class="infor">
							   <h4>
								  <a class="title" href="#">Private Golden CH</a>
							   </h4>
							   <span class="posts-channel" title="Posts from Channel"><i class="fa fa-video-camera" aria-hidden="true"></i>4000</span>
							</div>
						 </div>
					  </article>
					  <article class="col-lg-2 col-md-4 col-sm-4">
						 <div class="post post-medium">
							<div class="thumbr">
							   <a class="post-thumb" href="#">
							   <img class="img-responsive" src="static/picture/ch-1.jpg" alt="#">
							   </a>
							</div>
							<div class="infor">
							   <h4>
								  <a class="title" href="#">4K Quality Videos</a>
							   </h4>
							   <span class="posts-channel" title="Posts from Channel"><i class="fa fa-video-camera" aria-hidden="true"></i>4000</span>
							</div>
						 </div>
					  </article>
					  <article class="col-lg-2 col-md-4 col-sm-4">
						 <div class="post post-medium">
							<div class="thumbr">
							   <a class="post-thumb" href="#">
							   <img class="img-responsive" src="static/picture/ch-1.jpg" alt="#">
							   </a>
							</div>
							<div class="infor">
							   <h4>
								  <a class="title" href="#">Japan Couture Video</a>
							   </h4>
							   <span class="posts-channel" title="Posts from Channel"><i class="fa fa-video-camera" aria-hidden="true"></i>4000</span>
							</div>
						 </div>
					  </article>
					  <article class="col-lg-2 col-md-4 col-sm-4">
						 <div class="post post-medium">
							<div class="thumbr">
							   <a class="post-thumb" href="#">
							   <img class="img-responsive" src="static/picture/ch-1.jpg" alt="#">
							   </a>
							</div>
							<div class="infor">
							   <h4>
								  <a class="title" href="#">Burlesque French Movies</a>
							   </h4>
							   <span class="posts-channel" title="Posts from Channel"><i class="fa fa-video-camera" aria-hidden="true"></i>4000</span>
							</div>
						 </div>
					  </article>
				   </div>
				</div>
			 </div> -->
<!-- 		  </div>
	   </section>
	   <div class="clearfix"></div>
	</div>
 </div>
</div> -->
<!-- BOTTOM BANNER -->

<!-- FOOTER -->
<div id="footer" class="container-fluid footer-background">
 <div class="container">
	<footer>
	   <!-- SECTION FOOTER -->

	   <div class="row copyright-bottom text-center">
		  <div class="col-md-12 text-center">
			 <a href="" class="footer-logo" title="Video Magazine Bootstrap HTML5 template">
			 <img src="static/picture/footer-logo.png" class="img-responsive text-center" alt="Video Magazine Bootstrap HTML5 template">
			 </a>	
			 <p>Copyright &copy; 2020.Company name All rights reserved.</p>
		  </div>
	   </div>
	</footer>
 </div>
</div>
<!-- JAVA SCRIPT -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/jquery-1.12.1.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/lity.js"></script>
<script>
 $(".nav .dropdown").hover(function() {
   $(this).find(".dropdown-toggle").dropdown("toggle");
 });
</script>
<!-- MODAL -->
<div id="enquirypopup" class="modal fade in " role="dialog">
 <div class="modal-dialog">
	<!-- Modal content-->
	<div class="modal-content row">
	   <div class="modal-header custom-modal-header">
		  <button type="button" class="close" data-dismiss="modal">×</button>
		  <h2 class="icon"><i class="fa fa-television" aria-hidden="true"></i>free access</h2>
	   </div>
	   <div class="modal-body">
		  <form name="info_form" class="form-inline" action="#" method="post">
			 <div class="form-group col-sm-12">
				<input type="text" class="form-control" name="name" id="name" placeholder="Enter Name">
			 </div>
			 <div class="form-group col-sm-12">
				<input type="email" class="form-control" name="email" id="email" placeholder="Enter Email">
			 </div>
			 <div class="form-group col-sm-12">
				<button class="subscribe-btn pull-right" type="submit" title="Subscribe">Subscribe</button>
			 </div>
		  </form>
	   </div>
	</div>
 </div>
</div>
<script type="text/javascript" src="/static/js/base.js"></script>
</body>
</html>
